
.container{
    overflow: hidden;
	background-color: #f7f7f7;
}
.tab-list{
    top: ws(0);
    width: 100%;
    display: flex;
    line-height: ws(40);										   
    position: fixed;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    z-index: 10;
    .list-item{
        flex: 1;
        line-height: ws(40);
        font-size: ws(15);
        text-align: center;
    }
    .tab-icon{
        position: absolute;
        bottom: 0;
        width: 19%;
        height: ws(1);
        background-color: #2A83FF;
        transition: .35s all;
        border-radius: ws(5);
    }
}

.content{
    margin-top: ws(44);
	width: 100%;
	background-color: #f7f7f7;
    > swiper{
		width: 100%;
          padding: 0 ws(15);
          padding-top: ws(15);
					box-sizing: border-box;
    }
		.swiper-item {
			overflow: auto;
		}
    .title{
        padding-left: ws(10);
        color: #333;
        font-size: ws(14);
        position: relative;
        &::after{
            content: '';
            position: absolute;
            top:0;
            bottom: 0;
            margin: auto;
            left: 0;
            width: ws(4);
            height: ws(14);
            background-color: #2A83FF;
            border-radius: ws(5);
        }
    }
    .chart{
        height: ws(200);
        margin-bottom: ws(10);
				position: relative;
				.loading{
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					margin: auto;
					z-index: 10;
					display: flex;
					align-items: center;
					justify-content: center;
				}
    }
    .desc{
        margin: 0 ws(5);
        text-align: center;
        font-size: ws(12);
        color: #999;
    }
    .time-title{
        background-color: #2A83FF;
        color: #fff;
        display: inline-block;
        padding: ws(2) ws(10);
        margin-bottom: ws(10);
        font-size: ws(12);
    }
}
